<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米后台管理系统</title>
    <script src="../js/jquery-3.5.1.js"></script>
    <script src="../js/bootstrap.js"></script>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script src="../js/home.js"></script>
    <script src="../js/goods.js"></script>
    <style>
        *{
            list-style: none;
            text-decoration: none;
        }
        a{
            color: white;
        }
        a:hover{
            text-decoration: none;

        }
        .row{
            /* border: 1px solid red; */
            height: 1000px;
        }
        .col-md-2{
            /* border: 1px solid blue; */
            height: 100%;
            
        } 
        .col-md-10{
            border: 1px solid yellow;
            height: 100%;
        }
        #choose li{
            /* border: 1px solid red; */
            height: 50px;
        } 
        .box{
            display: none;
        }
    </style>
</head>
<body>
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-2 bg-primary">
                <ul id="choose">
                    <li class="title">商品<span class="caret"></span></li>
                        <ul class="box">
                            <a href="listgoods.jsp"><li>商品列表</li></a>
                            <a href="addgoods.jsp"><li>添加商品</li></a>
                        </ul>
                    
                    <li class="title">订单<span class="caret"></span></li>
                        <ul class="box">
                            <a href="orders.html"><li>订单列表</li></a>
                            <a href="refound.html"><li>退货申请处理</li></a>
                        </ul>
                    <li class="title">营销<span class="caret"></span></li>
                        <ul class="box">
                            <a href="rotation.html"><li>轮播图管理</li></a>
                            <a href="listseckill.html"><li>秒杀管理</li></a>
                        </ul>
                    <li class="title">用户<span class="caret_u"></span></li>
                        <ul class="box_user">
                            <a href="user_all.jsp"><li>用户列表</li></a>
                            <a href="user_add.jsp"><li>添加用户</li></a>
                            <a href="user_all.jsp"><li>删除用户</li></a>
                            <a href="user_all.jsp"><li>修改用户</li></a>
                        </ul>
                </ul>
            </div>
            <div class="col-md-10">
                <h1>欢迎使用小米后台管理系统！</h1>
            </div>
        </div>
    </div>
</body>
</html>